<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			
			.all {
				width: 100%;
				height: 1312px;
			}
			
			.header {
				width: 980px;
				height: 62px;
			}
			
			.nav {
				background-image: url(img/nav_bg.png);
				width: 100%;
				height: 56px;
			}
			
			.center {
				margin: 0px auto;
			}
			
			.big_img {
				width: 980px;
				height: 601px;
			}
			
			.mid {
				height: 29px;
				border-top: 1px solid #EFEFEF;
				border-bottom: 1px solid #EFEFEF;
				margin-bottom: 12px;
				background: #FBFBFB;
			}
			
			.mid_container {
				width: 980px;
			}
			
			.mid_text {
				line-height: 30px;
			}
			
			.mid_imgs {
				margin-top: 6px;
			}
			
			.news {
				width: 980px;
				height: 226px;
			}
			
			.left {
				float: left;
			}
			
			.right {
				float: right;
			}
			
			.news_left,
			.news_mid,
			.news_right {
				height: 100%;
				position: relative;
			}
			
			.news_left {
				width: 310px;
				height: 224px;
				border: 1px solid #E4E4E4;
				margin-right: 12px;
			}
			
			.news_mid {
				height: 224px;
				width: 373px;
				border: 1px solid #E4E4E4;
			}
			
			.news_right {
				height: 224px;
				width: 268px;
				border: 1px solid #E4E4E4;
				float: right;
			}
			
			.footer {
				height: 221px;
				background: #2D2D2D;
				border-bottom: 1px dashed #414141;
			}
			
			.footer_mid {
				width: 980px;
			}
			
			.bottom {
				    height: 54px;
    background: #2D2D2D;
    text-align: center;
    padding-top: 30px;
			}
			
			.head_img {
				position: absolute;
				top: 30px;
			}
			
			.head_search {
				width: 199px;
				height: 30px;
				position: relative;
				top: 20px;
				right: 0;
			}
			
			.head_search_bt {
				width: 30px;
				height: 30px;
				background: url(img/search2.jpg);
				position: relative right: 0;
				bottom: 0;
			}
			
			input {
				border: 0;
				outline-style: none;
			}
			
			.head_input {
				width: 167px;
				height: 28px;
			}
			
			.nv_ul {
				width: 980px;
				margin: 0 auto;
			}
			
			.nv_ul li {
				float: left;
			}
			
			.nv_ul li a {
				height: 55px;
				display: inline-block;
				background: url(img/nav_bg-line.png) no-repeat right top;
				padding: 0 46px;
				line-height: 55px;
				font-weight: 700;
			}
			
			.nv_ul li a:hover {
				color: green;
			}
			
			.news_left #left_ {
				position: absolute;
				left: 23px;
				top: 120px;
			}
			
			.news_left #right_ {
				position: absolute;
				right: 23px;
				top: 120px;
			}
			
			.news_left #pic {
				position: absolute;
				left: 60px;
				top: 50px;
			}
			
			#text {
				margin-top: 13px;
				margin-left: 6px;
				color: #7AB800;
			}
			
			.ftcolor {
				color: red;
				font-weight: 700;
			}
			
			.news_mid ul li {
				border-bottom: 1px dashed #DCDCDC;
				line-height: 27px;
			}
			
			ul {
				list-style: none;
			}
			
			body,
			p {
				font-size: 12px;
				font-family: "宋体", "微软雅黑";
			}
			
			body,
			h1,
			h2,
			h3,
			h4,
			h5,
			h6,
			p,
			ul,
			dl,
			dd {
				margin: 0;
				padding: 0;
			}
			
			.news_right ul li {
				height: 12px;
				border-left: 3px solid #7AB800;
				margin-top: 10px;
				margin-left: 28px;
				padding-left: 5px;
			}
			
			.news_right p {
				margin-top: 30px;
				margin-left: 28px;
				line-height: 18px;
			}
			
			.footer dl {
				float: left;
				margin-top: 20px;
				margin-right: 60px;
			}
			
			.footer dt {
				margin-top: 20px;
				color: #707070;
			}
			
			.footer dd {
				color: #C7C7C7;
			}
		</style>
	</head>

	<body>
		<div class="all">
			<!--header-->
			<div class="header center">
				<img src="img/logo.jpg" class="head_img left" />
				<div class="head_search right">
					<input type="text" class="head_input left" value="请输入关键字" />
					<input type="button" class="head_search_bt" />
				</div>
			</div>
			<!--导航-->
			<div class="nav center">
				<ul class="nv_ul">
					<li>
						<a>首页</a>
					</li>
					<li>
						<a>智能手机</a>
					</li>
					<li>
						<a>平板电脑</a>
					</li>
					<li>
						<a>配件</a>
					</li>
					<li>
						<a>服务支持</a>
					</li>
					<li>
						<a>关于尚合</a>
					</li>
				</ul>
			</div>
			<div class="content">
				<!--中间大图片-->
				<div class="big_img center">
					<img src="img/banner.jpg" class="big_img" alt="img">
				</div>
				<!--公告-->
				<div class="mid">
					<div class="mid_container center">
						<div class="mid_text left">
							最新公告：尚合Aone智能手机入网证已获取工信部门审批下发。尚合官网
						</div>
						<div class="mid_imgs right">
							<img src="img/weibo.png" />
							<img src="img/zone.png" />
							<img src="img/renren.png" />
						</div>
					</div>
				</div>
				<div class="news center">
					<!--新品发布-->
					<div class="news_left left">
						<div id="text">
							<img src="img/o.jpg" />新品发布
						</div>
						<div id="pic">
							<img src="img/home_hot_01.png" />
						</div>
						<div id="left_">
							<img src="img/left.png" />
						</div>
						<div id="right_">
							<img src="img/right.png" />
						</div>
					</div>
					<!--新闻中心-->
					<div class="news_mid left">
						<div id=text>
							<img src="img/o.jpg" />新闻中心
						</div>
						<ul>
							<li class="ftcolor">致歉公告</li>
							<li>首批尚合Aonet已全部售馨!</li>
							<li>【媒体报导】国产高性价比 尚合Aonet四核手机评测</li>
							<li>我司产品已经通过了国家强制性产品3C认证</li>
							<li>尚合Aone智能手机入网证已经获工信部门审批下发.</li>
							<li>我司通过ISO9001:2008国际质量管理体系认证</li>
						</ul>
					</div>
					<!--技术与支持-->
					<div class="news_right left">
						<div id="text">
							<img src="img/o.jpg" />技术与支持
						</div>
						<ul>
							<li>售后服务</li>
							<li>投诉与建议</li>
							<li>联保网点</li>
							<li>常见问题FAQ</li>
						</ul>
						<p>深圳市汇聚众合科技发展有限公司<br /> 服务热线：400-633-7922</p>
					</div>
				</div>
			</div>
			<!--footer-->
			<div class="footer">
				<div class="footer_mid center">
					<dl>
						<dd>尚和首页</dd>
						<dt>返回首页</dt>
					</dl>
					<dl>
						<dd>尚和首页</dd>
						<dt>返回首页</dt>
					</dl>
					<dl>
						<dd>尚和首页</dd>
						<dt>返回首页</dt>
					</dl>
				</div>
			</div>
			<!--最底部区域-->
			<div class="bottom">
				<p>深圳市会居中和优先公司深圳市会居中和优先公司深圳市会居中和优先公司深圳市<br>会居中和优先公司深圳市会居中和优先公司深圳市会居中和优先公司</p>
			</div>
		</div>
	</body>

</html>